<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
		<style>
			* {
				padding: 0;
				margin: 0;
			}

			p {
				text-align: center;
				font-size: 50px;
				color: blue;
			}

		</style>
	</head>
	<body>
		<p id="time">0</p>
	</body>
</html>
<script>
	
	var p = document.getElementById('time');

	// 定时器: 以毫秒为单位, 周期性的执行函数
	function count() {
		// console.log(111);
		p.innerHTML++;
		if (p.innerHTML == 60) clearInterval(timerId);
	}

	// 该函数返回一个数值来表示定时器, 通过clearInterval(timerId)可以销毁定时器
	var timerId = setInterval(count, 100);
	console.log(timerId);


	function f(a, b) {
		console.log(a + b);
	}
	// 第一个参数: 回调函数
	// 第二个参数: 时间(单位是ms)
	// setInterval(f, 1000, 5, 6);

	// 也可以这样写
	// setInterval(function(n) {
	// 	console.log(n);
	// }, 1000, 5); 

	
	// setInterval("f(5, 6)", 1000);

	// var n1 = 5, n2 = 3;
	// setInterval("f(" + n1 + "," + n2 + ")", 1000);


	(function () {
		function f1() {
			console.log(111);
		}

		// 这种写法只能调用全局函数
		// setInterval("f1()", 1000);

		
		setInterval(f1, 1000);
		// setInterval("f(5, 5)", 1000);


	})();








</script>